<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<!DOCTYPE html >
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <title>后台管理--机构列表</title>
 <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
 <link href="${ctxStatic}/css/kpiui.css" rel="stylesheet" />
 <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
 <script src="${ctxStatic}/layui/layui.all.js"  type="text/javascript"></script>
 <script src="${ctxStatic}/js/common.js" type="text/javascript"></script>

</head>
<body>

	<div style="width:100%;margin-top:10px" class="layui-form" >
				 <table nostyle="true">
      <tr>
        <td class="td_right" style="width:50px;min-width:50px">年份：</td>
        <td style="width:100px">
          <select name="year" id="year">
              <option value="2025">2025年</option>
              <option value="2024">2024年</option>
              <option value="2023">2023年</option>
              <option value="2022">2022年</option>
              <option value="2021">2021年</option>
              <option value="2020">2020年</option>
              <option value="2019">2019年</option>
              <option value="2018">2018年</option>
              <option value="2017">2017年</option>
	      </select>
            <input type="hidden" id="hidyear" value="${year}"/>
        </td>
        <td class="td_right" style="width:50px;min-width:50px">季度：</td>
        <td>
         <input type="radio" lay-filter="quarter"  name="quarter" value="1" title="第一季度" checked=""> 
		 <input type="radio" lay-filter="quarter" name="quarter" value="2" title="第二季度">
		 <input type="radio" lay-filter="quarter" name="quarter" value="3" title="第三季度">
		 <input type="radio" lay-filter="quarter" name="quarter" value="4" title="第四季度">
        </td>
        <td class="td_right" style="width:50px;min-width:50px">人员：</td>
        <td>
          <select name="userid" lay-verify="required" lay-filter="myselect">
                <option value="0"></option>
                <c:forEach var="item" items="${userlst}">
                  <option value="${item.userid}">${item.realname} (${item.orgname})</option>
                </c:forEach>
         </select>
        </td>
        
      </tr>
     </table>
				</div>
     
     <div id="datacon" style="margin-top:10px">
     <iframe width="100%" height="100%" id="getdata" name="getdata" src="" style="display: block;border:0;padding:0;margin:0;overflow-x:auto;overflow-y:no " frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"  >  
       </iframe>
     </div>
<script>
$("#datacon").height($(window).height()-60)
layui.use('form', function(){
   var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
    $("#year").val($("#hidyear").val());
   form.on('select(myselect)', function(data){
	   ShowIframe(data.value);
   })
   
   form.render();
   ShowIframe();
});



function ShowIframe(userid){
	
	 var quarter=$('input[name="quarter"]:checked').val();
	 var userid=userid?userid:0;
	 var year=$("#year").val();
	 
	 //alert(quarter+" "+userid+" "+year);
	 var url='user_usasstemp_mzpd_edit_show?year='+year+'&quarter='+quarter+'&userid='+userid;
	 $("#getdata").attr("src",url);
}


</script>
</body>
</html>